<style>
	.app {
		font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
		height: 100%;
	}

	.emoji {
		width: 18px;
		height: 18px;
		margin-bottom: -3px;
		margin-left: 3px;
		margin-right: 3px;
	}

	.material-icons {
		font-weight: normal;
		font-style: normal;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		display: inline-block;
		white-space: nowrap;
		overflow-wrap: normal;
		direction: ltr;
		font-feature-settings: "liga";
		-webkit-font-smoothing: antialiased;
	}

	div[id^="__lpform_"] {
		display: none;
	}

	html {
		backface-visibility: hidden;
		-webkit-font-smoothing: antialiased;
	}

	#chat-application {
		user-select: none !important;
	}

	.css-stivtw {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0px;
		right: 0px;
		top: 0px;
		display: flex;
		-webkit-box-pack: end;
		justify-content: flex-end;
		align-items: flex-end;
	}

	.css-t6opud {
		position: relative;
		right: 0px;
		bottom: 0px;
		padding: 0px;
		overflow: hidden;
		height: 600px !important;
		max-height: 100vh !important;
		min-height: 72px !important;
		width: 366px !important;
	}

	.css-lesr0g {
		height: 100%;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		padding: 5px;
		transform: translate3d(0px, 0px, 0px);
		user-select: none;
	}

	.css-mak9h4 {
		flex: 1 1 0%;
		display: flex;
		position: relative;
		height: 100%;
	}

	.css-a7th14 {
		width: 100%;
		height: 100%;
		min-width: 290px;
		min-height: 250px;
		position: absolute;
		z-index: 10000102;
		background: white;
		bottom: 100px;
		left: 0px;
		top: 0px;
		right: 0px;
		box-shadow: rgba(6, 19, 43, 0.25) 0px 0px 3px, rgba(6, 19, 43, 0.03) 3px 3px 3px, rgba(6, 19, 43, 0.03) 3px 0px 6px, rgba(6, 19, 43, 0.04) -2px 2px 5px, rgba(6, 19, 43, 0.02) 3px 2px 5px, rgba(6, 19, 43, 0.01) 0px 2px 2px;
		animation: 100ms ease 0s 1 normal none running animation-1xkd3we;
		border-radius: 10px;
		overflow: hidden;
	}

	.css-a7th14 #input-file {
		opacity: 0;
		position: absolute;
		pointer-events: none;
		width: 1px;
		height: 1px;
	}

	.css-7616dc {
		position: relative;
		display: flex;
		flex-direction: column;
		height: 100%;
		width: 100%;
		flex: 1 1 0%;
		outline: 0px !important;
	}

	.css-1nlpt99 {
		background: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217));
		color: white !important;
	}

	.css-1xnqzy8 {
		overflow: hidden;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: 88px !important;
	}

	.css-1rd9m09 {
		height: 100%;
		width: 100%;
		flex: 1 1 0%;
		display: flex;
		flex-wrap: nowrap;
		background: linear-gradient(80deg, rgb(18, 51, 223), rgb(74, 157, 217));
		color: white !important;
	}

	.css-14ai5o0 {
		padding: 4px 16px 12px;
		flex: 1 1 0%;
		display: flex;
		flex-wrap: nowrap;
		overflow: hidden !important;
	}

	.css-10jbodb {
		flex: 2 1 0%;
		display: flex;
		flex-wrap: wrap;
		padding-top: 8px;
		-webkit-box-align: center;
		align-items: center;
		overflow: hidden;
	}

	.css-7q7ip7 {
		display: flex;
		margin-right: 12px;
		margin-left: 8px;
		height: 44px;
	}

	.css-1x5qtvm .avatarImage {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		object-fit: cover;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
		overflow: hidden;
	}

	.css-1x5qtvm .multipleAvatarGrid:nth-of-type(n+2) {
		margin-left: -17px;
	}

	.css-1x5qtvm .multipleAvatarGrid:nth-of-type(1) {
		z-index: 3;
	}

	.css-1x5qtvm .multipleAvatarGrid:nth-of-type(2) {
		z-index: 2;
	}

	.css-1x5qtvm .multipleAvatarGrid:nth-of-type(3) {
		z-index: 1;
	}

	.css-1x5qtvm .multipleAvatarGrid:hover {
		z-index: 4;
	}

	.css-a26gdr {
		margin-top: 4px;
	}

	.css-a26gdr .avatarImage {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		object-fit: cover;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
		overflow: hidden;
	}

	.css-a26gdr .multipleAvatarGrid:nth-of-type(n+2) {
		margin-left: -17px;
	}

	.css-a26gdr .multipleAvatarGrid:nth-of-type(1) {
		z-index: 3;
	}

	.css-a26gdr .multipleAvatarGrid:nth-of-type(2) {
		z-index: 2;
	}

	.css-a26gdr .multipleAvatarGrid:nth-of-type(3) {
		z-index: 1;
	}

	.css-a26gdr .multipleAvatarGrid:hover {
		z-index: 4;
	}

	.css-rjh1b6 {
		overflow: hidden;
		flex: 1 1 0%;
	}

	.css-ppb42x {
		color: white !important;
	}

	.css-ppb42x .headlineOffline {
		font-size: 18px;
		font-weight: 400;
	}

	.css-znt884 {
		display: flex;
		flex: 1 1 0%;
		white-space: nowrap;
		text-overflow: ellipsis;
		padding: 2px 0px 0px;
		margin: 0px;
		overflow: hidden;
		color: white !important;
	}

	.css-znt884 .headlineOffline {
		font-size: 18px;
		font-weight: 400;
	}

	.css-1tiz7eo {
		max-width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0px;
		margin: 0px;
	}

	.css-1hxv3qj {
		display: flex;
		color: white !important;
	}

	.css-1votyue {
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		display: flex;
		color: white !important;
	}

	.css-15d8y0s {
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0px;
		margin: 0px;
		opacity: 0.5;
	}

	.css-1kut815 {
		color: white !important;
	}

	.css-18mj1xs {
		display: flex;
		padding-top: 15.5px;
		place-items: flex-start flex-end;
	}

	.css-6vfb4a {
		padding: 8px !important;
	}

	.css-6vfb4a:hover {
		background-color: rgba(0, 0, 0, 0.2) !important;
	}

	.css-19dubhr {
		z-index: 10000212;
	}

	.css-hyrt8v:hover {
		background-color: rgba(0, 0, 0, 0.2) !important;
	}

	.css-c4z2dg {
		font-size: 13px !important;
		width: 13px !important;
		height: 13px !important;
		padding: 0px !important;
	}

	.css-1xveueg {
		flex: 1 1 0%;
		overflow: hidden scroll;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
	}

	.css-1mp1tl .bottomPaddingDivCss {
		display: block;
		width: 100%;
		height: 1px;
	}

	.css-1mp1tl .bottomPaddingDivCss::before {
		content: " ";
		display: block;
		width: 100%;
		height: 1px;
	}

	.css-1tx7pfq {
		position: relative;
		height: 100%;
		width: 100%;
		scroll-behavior: smooth;
		transition: all 0.15s ease-in-out 0s;
	}

	.css-1tx7pfq .bottomPaddingDivCss {
		display: block;
		width: 100%;
		height: 1px;
	}

	.css-1tx7pfq .bottomPaddingDivCss::before {
		content: " ";
		display: block;
		width: 100%;
		height: 1px;
	}

	.css-15on28x {
		box-sizing: border-box;
		width: 100%;
		min-height: calc(100% - 24px);
		height: auto;
		display: block;
		scroll-behavior: smooth;
		transition: all 0.15s ease-in-out 0s;
		padding: 12px 8px 0px 16px;
	}

	.css-1m5mtjz {
		animation: 0.25s ease-out 0ms 1 normal both running animation-1qm1od9;
		transition: all 0.15s ease-in-out 0s;
		display: block;
		word-break: break-word;
		overflow: hidden;
	}

	.css-m89s7i .text-message {
		text-align: left;
		padding: 11px 14px;
		min-height: 24px;
		color: white !important;
		background: linear-gradient(65deg, rgb(18, 51, 223), rgb(74, 157, 217)) !important;
	}

	.css-m89s7i .text-message a {
		color: white !important;
	}

	.css-1iymmi9 {
		margin-top: 12px;
		margin-bottom: 0px;
		border-radius: 10px;
		max-width: 70%;
		font-size: 15px;
		line-height: 1.33rem;
		justify-self: flex-end;
		overflow-wrap: break-word;
		white-space: pre-wrap;
		overflow: hidden;
		user-select: text !important;
	}

	.css-sq693j .text-message {
		color: black;
		background: rgb(240, 242, 247);
		text-align: left;
		padding: 11px 14px;
		min-height: 24px;
	}

	.css-sq693j .text-message a {
		color: black;
	}

	.css-4t4fby {
		font-size: 11px;
		color: rgb(180, 181, 197);
		margin: 4px 0px 8px;
		user-select: initial !important;
	}

	.css-6ulnht {
		overflow: visible;
		position: relative;
		min-height: 60px !important;
	}

	.css-1rwrcuf {
		border-top: 1px solid rgb(226, 226, 226);
		border-bottom: 1px solid transparent;
	}

	.css-1rwrcuf::before {
		content: "";
		display: block;
		border-top: 2px solid rgb(18, 51, 223);
		border-bottom: 0px solid transparent;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 10000211;
		transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
		margin-top: -1px;
		width: 100%;
	}

	.css-1rwrcuf .icon-button {
		color: rgb(166, 178, 189) !important;
		padding: 4px !important;
		margin-left: 4px !important;
	}

	.css-1rwrcuf .icon-button--primary {
		background: transparent !important;
	}

	.css-1rwrcuf .icon-button:hover {
		color: rgb(18, 51, 223) !important;
		background: transparent !important;
	}

	.css-1rwrcuf .icon-button:hover .icon-button__icon {
		color: rgb(18, 51, 223) !important;
	}

	.css-1rwrcuf .icon-button__icon {
		color: rgb(166, 178, 189);
	}

	.css-1rwrcuf .icon-button__icon:hover {
		color: rgb(18, 51, 223);
	}

	.css-1rwrcuf .icon-button__icon--primary {
		color: rgb(18, 51, 223);
	}

	.css-1sne0cm {
		flex: 1 1 0%;
		z-index: 10000211;
		position: relative;
		transition: all 2s ease 0s;
		width: 0px;
		border-bottom: 1px solid transparent;
		border-top: 1px solid rgb(226, 226, 226) !important;
	}

	.css-1sne0cm::before {
		content: "";
		display: block;
		border-top: 2px solid rgb(18, 51, 223);
		border-bottom: 0px solid transparent;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 10000211;
		transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
		margin-top: -1px;
		width: 100%;
	}

	.css-1sne0cn::before {
		transform: scale(0, 1);
		content: "" !important;
		width: 100% !important;
	}

	.css-1sne0cm .icon-button {
		color: rgb(166, 178, 189) !important;
		padding: 4px !important;
		margin-left: 4px !important;
	}

	.css-1sne0cm .icon-button--primary {
		background: transparent !important;
	}

	.css-1sne0cm .icon-button:hover {
		color: rgb(18, 51, 223) !important;
		background: transparent !important;
	}

	.css-1sne0cm .icon-button:hover .icon-button__icon {
		color: rgb(18, 51, 223) !important;
	}

	.css-1sne0cm .icon-button__icon {
		color: rgb(166, 178, 189);
	}

	.css-1sne0cm .icon-button__icon:hover {
		color: rgb(18, 51, 223);
	}

	.css-1sne0cm .icon-button__icon--primary {
		color: rgb(18, 51, 223);
	}

	.css-zi6r60 {
		flex: 1 1 0%;
		display: flex !important;
	}

	.css-21ro2z {
		width: 100%;
		position: relative;
		box-sizing: border-box;
		padding: 0px !important;
	}

	.css-6jooeb {
		resize: none;
		width: 100%;
		box-sizing: border-box;
		flex: 1 1 0%;
		outline: none;
		color: rgb(6, 19, 43) !important;
		font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
		line-height: 1.33rem !important;
		font-size: 15px !important;
		border: none !important;
		padding: 16px 100px 16px 16px !important;
	}

	.css-6jooeb::-webkit-input-placeholder {
		opacity: 1;
		color: rgb(113, 114, 132) !important;
		padding-right: 4px !important;
	}

	.css-6jooeb::placeholder {
		opacity: 1;
		color: rgb(113, 114, 132) !important;
		padding-right: 4px !important;
	}

	.css-1mh4swq {
		position: absolute;
		right: 0px;
		top: 0px;
	}

	.css-566m6o {
		padding-top: 8px;
	}

	.css-9pg78y {
		padding-right: 20px;
	}

	.css-133spus a {
		text-decoration: none;
		cursor: pointer;
		user-select: none;
	}

	.css-1jhw711 {
		background: white;
		padding-bottom: 8px;
		text-align: center;
	}

	.css-1jhw711 a {
		text-decoration: none;
		cursor: pointer;
		user-select: none;
	}

	.css-17jtfa3 {
		width: auto;
		padding: 0px 16px;
		transition: all 0.4s ease 0s;
		border-radius: 12px !important;
	}

	.css-17jtfa3:hover {
		cursor: pointer;
	}

	.css-1ckxtgk {
		width: 16px;
		padding: 0px 4px;
	}

	.css-i0oli7 {
		font-size: 12px;
		color: rgb(180, 181, 197);
	}

	.css-1dzrflz {
		transition: all 0.3s ease 0s;
		flex: 1 1 0%;
		z-index: 10000211;
		position: relative;
		border-top: 1px solid rgb(226, 226, 226);
		border-bottom: 1px solid transparent;
	}

	.css-1dzrflz::before {
		content: "";
		display: block;
		border-top: 2px solid rgb(18, 51, 223);
		border-bottom: 0px solid transparent;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 10000211;
		transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
		margin-top: -1px;
		width: 100%;
	}

	.css-1dzrflz .icon-button {
		color: rgb(166, 178, 189) !important;
		padding: 4px !important;
		margin-left: 4px !important;
	}

	.css-1dzrflz .icon-button--primary {
		background: transparent !important;
	}

	.css-1dzrflz .icon-button:hover {
		color: rgb(18, 51, 223) !important;
		background: transparent !important;
	}

	.css-1dzrflz .icon-button:hover .icon-button__icon {
		color: rgb(18, 51, 223) !important;
	}

	.css-1dzrflz .icon-button__icon {
		color: rgb(166, 178, 189);
	}

	.css-1dzrflz .icon-button__icon:hover {
		color: rgb(18, 51, 223);
	}

	.css-1dzrflz .icon-button__icon--primary {
		color: rgb(18, 51, 223);
	}

	.css-5nq6rq {
		padding: 0px !important;
	}

	.css-18pt753 {
		width: 100%;
		height: 100px;
		top: -100px;
		background: white;
		position: absolute;
		z-index: 10000213;
	}

	.css-5yjbs7 img {
		width: 100%;
		height: 100%;
	}

	.css-19exbi9 {
		background: white;
		text-align: center;
		max-height: 100px;
		overflow: auto;
		border-top: 1px solid rgb(226, 226, 226);
		padding: 0px 16px;
		animation: 0.3s ease-in-out 0s 1 normal none running animation-1xkd3we;
		transition: all 0.2s ease 0s;
	}

	.css-19exbi9 img {
		width: 100%;
		height: 100%;
	}

	.css-18sc1ug {
		margin: 8px 4px;
		width: 24px;
		height: 25px;
		transition: all 0.3s ease 0s;
		padding: 3px;
		cursor: pointer;
	}

	.css-18sc1ug:hover {
		width: 30px;
		height: 30px;
		transition: all 0.3s ease 0s;
		padding: 0px;
		cursor: pointer;
	}

	.MuiTouchRipple-root {
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 0;
		overflow: hidden;
		position: absolute;
		border-radius: inherit;
		pointer-events: none;
	}

	.MuiTouchRipple-ripple {
		opacity: 0;
		position: absolute;
	}

	.MuiTouchRipple-rippleVisible {
		opacity: 0.3;
		animation: 550ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running MuiTouchRipple-keyframes-enter;
		transform: scale(1);
	}

	.MuiTouchRipple-ripplePulsate {
		animation-duration: 200ms;
	}

	.MuiTouchRipple-child {
		width: 100%;
		height: 100%;
		display: block;
		opacity: 1;
		border-radius: 50%;
		background-color: currentcolor;
	}

	.MuiTouchRipple-childLeaving {
		opacity: 0;
		animation: 550ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running MuiTouchRipple-keyframes-exit;
	}

	.MuiTouchRipple-childPulsate {
		top: 0px;
		left: 0px;
		position: absolute;
		animation: 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite normal none running MuiTouchRipple-keyframes-pulsate;
	}

	.MuiButtonBase-root {
		color: inherit;
		border: 0px;
		cursor: pointer;
		margin: 0px;
		display: inline-flex;
		outline: 0px;
		padding: 0px;
		position: relative;
		align-items: center;
		user-select: none;
		border-radius: 0px;
		vertical-align: middle;
		justify-content: center;
		text-decoration: none;
		background-color: transparent;
		-webkit-appearance: none;
		-webkit-tap-highlight-color: transparent;
	}

	.MuiButtonBase-root.Mui-disabled {
		cursor: default;
		pointer-events: none;
	}

	.MuiSvgIcon-root {
		fill: currentcolor;
		width: 1em;
		height: 1em;
		display: inline-block;
		font-size: 1.5rem;
		transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		flex-shrink: 0;
		user-select: none;
	}

	.MuiSvgIcon-colorPrimary {
		color: rgb(63, 81, 181);
	}

	.MuiSvgIcon-colorSecondary {
		color: rgb(245, 0, 87);
	}

	.MuiSvgIcon-colorAction {
		color: rgba(0, 0, 0, 0.54);
	}

	.MuiSvgIcon-colorError {
		color: rgb(244, 67, 54);
	}

	.MuiSvgIcon-colorDisabled {
		color: rgba(0, 0, 0, 0.26);
	}

	.MuiSvgIcon-fontSizeInherit {
		font-size: inherit;
	}

	.MuiSvgIcon-fontSizeSmall {
		font-size: 1.25rem;
	}

	.MuiSvgIcon-fontSizeLarge {
		font-size: 2.1875rem;
	}

	.MuiGrid-container {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
	}

	.MuiGrid-item {
		margin: 0px;
		box-sizing: border-box;
	}

	.MuiGrid-zeroMinWidth {
		min-width: 0px;
	}

	.MuiGrid-direction-xs-column {
		flex-direction: column;
	}

	.MuiGrid-direction-xs-column-reverse {
		flex-direction: column-reverse;
	}

	.MuiGrid-direction-xs-row-reverse {
		flex-direction: row-reverse;
	}

	.MuiGrid-wrap-xs-nowrap {
		flex-wrap: nowrap;
	}

	.MuiGrid-wrap-xs-wrap-reverse {
		flex-wrap: wrap-reverse;
	}

	.MuiGrid-align-items-xs-center {
		align-items: center;
	}

	.MuiGrid-align-items-xs-flex-start {
		align-items: flex-start;
	}

	.MuiGrid-align-items-xs-flex-end {
		align-items: flex-end;
	}

	.MuiGrid-align-items-xs-baseline {
		align-items: baseline;
	}

	.MuiGrid-align-content-xs-center {
		align-content: center;
	}

	.MuiGrid-align-content-xs-flex-start {
		align-content: flex-start;
	}

	.MuiGrid-align-content-xs-flex-end {
		align-content: flex-end;
	}

	.MuiGrid-align-content-xs-space-between {
		align-content: space-between;
	}

	.MuiGrid-align-content-xs-space-around {
		align-content: space-around;
	}

	.MuiGrid-justify-xs-center {
		justify-content: center;
	}

	.MuiGrid-justify-xs-flex-end {
		justify-content: flex-end;
	}

	.MuiGrid-justify-xs-space-between {
		justify-content: space-between;
	}

	.MuiGrid-justify-xs-space-around {
		justify-content: space-around;
	}

	.MuiGrid-justify-xs-space-evenly {
		justify-content: space-evenly;
	}

	.MuiGrid-spacing-xs-1 {
		width: calc(100% + 8px);
		margin: -4px;
	}

	.MuiGrid-spacing-xs-1>.MuiGrid-item {
		padding: 4px;
	}

	.MuiGrid-spacing-xs-2 {
		width: calc(100% + 16px);
		margin: -8px;
	}

	.MuiGrid-spacing-xs-2>.MuiGrid-item {
		padding: 8px;
	}

	.MuiGrid-spacing-xs-3 {
		width: calc(100% + 24px);
		margin: -12px;
	}

	.MuiGrid-spacing-xs-3>.MuiGrid-item {
		padding: 12px;
	}

	.MuiGrid-spacing-xs-4 {
		width: calc(100% + 32px);
		margin: -16px;
	}

	.MuiGrid-spacing-xs-4>.MuiGrid-item {
		padding: 16px;
	}

	.MuiGrid-spacing-xs-5 {
		width: calc(100% + 40px);
		margin: -20px;
	}

	.MuiGrid-spacing-xs-5>.MuiGrid-item {
		padding: 20px;
	}

	.MuiGrid-spacing-xs-6 {
		width: calc(100% + 48px);
		margin: -24px;
	}

	.MuiGrid-spacing-xs-6>.MuiGrid-item {
		padding: 24px;
	}

	.MuiGrid-spacing-xs-7 {
		width: calc(100% + 56px);
		margin: -28px;
	}

	.MuiGrid-spacing-xs-7>.MuiGrid-item {
		padding: 28px;
	}

	.MuiGrid-spacing-xs-8 {
		width: calc(100% + 64px);
		margin: -32px;
	}

	.MuiGrid-spacing-xs-8>.MuiGrid-item {
		padding: 32px;
	}

	.MuiGrid-spacing-xs-9 {
		width: calc(100% + 72px);
		margin: -36px;
	}

	.MuiGrid-spacing-xs-9>.MuiGrid-item {
		padding: 36px;
	}

	.MuiGrid-spacing-xs-10 {
		width: calc(100% + 80px);
		margin: -40px;
	}

	.MuiGrid-spacing-xs-10>.MuiGrid-item {
		padding: 40px;
	}

	.MuiGrid-grid-xs-auto {
		flex-grow: 0;
		max-width: none;
		flex-basis: auto;
	}

	.MuiGrid-grid-xs-true {
		flex-grow: 1;
		max-width: 100%;
		flex-basis: 0px;
	}

	.MuiGrid-grid-xs-1 {
		flex-grow: 0;
		max-width: 8.33333%;
		flex-basis: 8.33333%;
	}

	.MuiGrid-grid-xs-2 {
		flex-grow: 0;
		max-width: 16.6667%;
		flex-basis: 16.6667%;
	}

	.MuiGrid-grid-xs-3 {
		flex-grow: 0;
		max-width: 25%;
		flex-basis: 25%;
	}

	.MuiGrid-grid-xs-4 {
		flex-grow: 0;
		max-width: 33.3333%;
		flex-basis: 33.3333%;
	}

	.MuiGrid-grid-xs-5 {
		flex-grow: 0;
		max-width: 41.6667%;
		flex-basis: 41.6667%;
	}

	.MuiGrid-grid-xs-6 {
		flex-grow: 0;
		max-width: 50%;
		flex-basis: 50%;
	}

	.MuiGrid-grid-xs-7 {
		flex-grow: 0;
		max-width: 58.3333%;
		flex-basis: 58.3333%;
	}

	.MuiGrid-grid-xs-8 {
		flex-grow: 0;
		max-width: 66.6667%;
		flex-basis: 66.6667%;
	}

	.MuiGrid-grid-xs-9 {
		flex-grow: 0;
		max-width: 75%;
		flex-basis: 75%;
	}

	.MuiGrid-grid-xs-10 {
		flex-grow: 0;
		max-width: 83.3333%;
		flex-basis: 83.3333%;
	}

	.MuiGrid-grid-xs-11 {
		flex-grow: 0;
		max-width: 91.6667%;
		flex-basis: 91.6667%;
	}

	.MuiGrid-grid-xs-12 {
		flex-grow: 0;
		max-width: 100%;
		flex-basis: 100%;
	}

	.MuiIconButton-root {
		flex: 0 0 auto;
		color: rgba(0, 0, 0, 0.54);
		padding: 12px;
		overflow: visible;
		font-size: 1.5rem;
		text-align: center;
		transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		border-radius: 50%;
	}

	.MuiIconButton-root:hover {
		background-color: rgba(0, 0, 0, 0.04);
	}

	.MuiIconButton-root.Mui-disabled {
		color: rgba(0, 0, 0, 0.26);
		background-color: transparent;
	}

	.MuiIconButton-edgeStart {
		margin-left: -12px;
	}

	.MuiIconButton-sizeSmall.MuiIconButton-edgeStart {
		margin-left: -3px;
	}

	.MuiIconButton-edgeEnd {
		margin-right: -12px;
	}

	.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd {
		margin-right: -3px;
	}

	.MuiIconButton-colorInherit {
		color: inherit;
	}

	.MuiIconButton-colorPrimary {
		color: rgb(63, 81, 181);
	}

	.MuiIconButton-colorPrimary:hover {
		background-color: rgba(63, 81, 181, 0.04);
	}

	.MuiIconButton-colorSecondary {
		color: rgb(245, 0, 87);
	}

	.MuiIconButton-colorSecondary:hover {
		background-color: rgba(245, 0, 87, 0.04);
	}

	.MuiIconButton-sizeSmall {
		padding: 3px;
		font-size: 1.125rem;
	}

	.MuiIconButton-label {
		width: 100%;
		display: flex;
		align-items: inherit;
		justify-content: inherit;
	}

	.MuiTooltip-popper {
		z-index: 1500;
		pointer-events: none;
	}

	.MuiTooltip-popperInteractive {
		pointer-events: auto;
	}

	.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow {
		top: 0px;
		left: 0px;
		width: 2em;
		height: 1em;
		margin-top: -0.95em;
		margin-left: 4px;
		margin-right: 4px;
	}

	.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow {
		left: 0px;
		width: 2em;
		bottom: 0px;
		height: 1em;
		margin-left: 4px;
		margin-right: 4px;
		margin-bottom: -0.95em;
	}

	.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow {
		left: 0px;
		width: 1em;
		height: 2em;
		margin-top: 4px;
		margin-left: -0.95em;
		margin-bottom: 4px;
	}

	.MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow {
		right: 0px;
		width: 1em;
		height: 2em;
		margin-top: 4px;
		margin-right: -0.95em;
		margin-bottom: 4px;
	}

	.MuiTooltip-popperArrow[x-placement*="left"] .MuiTooltip-arrow::before {
		border-color: transparent transparent transparent currentcolor;
		border-width: 1em 0px 1em 1em;
	}

	.MuiTooltip-popperArrow[x-placement*="right"] .MuiTooltip-arrow::before {
		border-color: transparent currentcolor transparent transparent;
		border-width: 1em 1em 1em 0px;
	}

	.MuiTooltip-popperArrow[x-placement*="top"] .MuiTooltip-arrow::before {
		border-color: currentcolor transparent transparent;
		border-width: 1em 1em 0px;
	}

	.MuiTooltip-popperArrow[x-placement*="bottom"] .MuiTooltip-arrow::before {
		border-color: transparent transparent currentcolor;
		border-width: 0px 1em 1em;
	}

	.MuiTooltip-tooltip {
		color: rgb(255, 255, 255);
		padding: 4px 8px;
		font-size: 0.625rem;
		max-width: 300px;
		overflow-wrap: break-word;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-weight: 500;
		line-height: 1.4em;
		border-radius: 4px;
		background-color: rgba(97, 97, 97, 0.9);
	}

	.MuiTooltip-tooltipArrow {
		margin: 0px;
		position: relative;
	}

	.MuiTooltip-arrow {
		color: rgba(97, 97, 97, 0.9);
		position: absolute;
		font-size: 6px;
	}

	.MuiTooltip-arrow::before {
		width: 0px;
		height: 0px;
		margin: auto;
		content: "";
		display: block;
		border-style: solid;
	}

	.MuiTooltip-touch {
		padding: 8px 16px;
		font-size: 0.875rem;
		font-weight: 400;
		line-height: 1.14286em;
	}

	.MuiTooltip-tooltipPlacementLeft {
		margin: 0px 24px;
		transform-origin: right center;
	}

	.MuiTooltip-tooltipPlacementRight {
		margin: 0px 24px;
		transform-origin: left center;
	}

	.MuiTooltip-tooltipPlacementTop {
		margin: 24px 0px;
		transform-origin: center bottom;
	}

	.MuiTooltip-tooltipPlacementBottom {
		margin: 24px 0px;
		transform-origin: center top;
	}

	.css-jt5cb9 {}

	.css-1csy9g {
		padding-right: 16px;
		color: rgb(113, 114, 132);
	}

	.css-ka2v1h {
		font-size: 15px;
		font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	}

	.css-1ld28bz {
		padding-right: 20px;
		color: rgb(113, 114, 132);
	}

	.css-sha0zq {
		margin: 4px 0px !important;
	}

	.MuiPaper-root {
		color: rgba(0, 0, 0, 0.87);
		transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
		background-color: rgb(255, 255, 255);
	}

	.MuiPaper-rounded {
		border-radius: 4px;
	}

	.MuiPaper-outlined {
		border: 1px solid rgba(0, 0, 0, 0.12);
	}

	.MuiPaper-elevation0 {
		box-shadow: none;
	}

	.MuiPaper-elevation1 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
	}

	.MuiPaper-elevation2 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
	}

	.MuiPaper-elevation3 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
	}

	.MuiPaper-elevation4 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
	}

	.MuiPaper-elevation5 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 5px 8px 0px, rgba(0, 0, 0, 0.12) 0px 1px 14px 0px;
	}

	.MuiPaper-elevation6 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px;
	}

	.MuiPaper-elevation7 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px -2px, rgba(0, 0, 0, 0.14) 0px 7px 10px 1px, rgba(0, 0, 0, 0.12) 0px 2px 16px 1px;
	}

	.MuiPaper-elevation8 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
	}

	.MuiPaper-elevation9 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 6px -3px, rgba(0, 0, 0, 0.14) 0px 9px 12px 1px, rgba(0, 0, 0, 0.12) 0px 3px 16px 2px;
	}

	.MuiPaper-elevation10 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 6px -3px, rgba(0, 0, 0, 0.14) 0px 10px 14px 1px, rgba(0, 0, 0, 0.12) 0px 4px 18px 3px;
	}

	.MuiPaper-elevation11 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 7px -4px, rgba(0, 0, 0, 0.14) 0px 11px 15px 1px, rgba(0, 0, 0, 0.12) 0px 4px 20px 3px;
	}

	.MuiPaper-elevation12 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 12px 17px 2px, rgba(0, 0, 0, 0.12) 0px 5px 22px 4px;
	}

	.MuiPaper-elevation13 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 8px -4px, rgba(0, 0, 0, 0.14) 0px 13px 19px 2px, rgba(0, 0, 0, 0.12) 0px 5px 24px 4px;
	}

	.MuiPaper-elevation14 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 9px -4px, rgba(0, 0, 0, 0.14) 0px 14px 21px 2px, rgba(0, 0, 0, 0.12) 0px 5px 26px 4px;
	}

	.MuiPaper-elevation15 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 9px -5px, rgba(0, 0, 0, 0.14) 0px 15px 22px 2px, rgba(0, 0, 0, 0.12) 0px 6px 28px 5px;
	}

	.MuiPaper-elevation16 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 10px -5px, rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px;
	}

	.MuiPaper-elevation17 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 11px -5px, rgba(0, 0, 0, 0.14) 0px 17px 26px 2px, rgba(0, 0, 0, 0.12) 0px 6px 32px 5px;
	}

	.MuiPaper-elevation18 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 9px 11px -5px, rgba(0, 0, 0, 0.14) 0px 18px 28px 2px, rgba(0, 0, 0, 0.12) 0px 7px 34px 6px;
	}

	.MuiPaper-elevation19 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 9px 12px -6px, rgba(0, 0, 0, 0.14) 0px 19px 29px 2px, rgba(0, 0, 0, 0.12) 0px 7px 36px 6px;
	}

	.MuiPaper-elevation20 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 13px -6px, rgba(0, 0, 0, 0.14) 0px 20px 31px 3px, rgba(0, 0, 0, 0.12) 0px 8px 38px 7px;
	}

	.MuiPaper-elevation21 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 13px -6px, rgba(0, 0, 0, 0.14) 0px 21px 33px 3px, rgba(0, 0, 0, 0.12) 0px 8px 40px 7px;
	}

	.MuiPaper-elevation22 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 14px -6px, rgba(0, 0, 0, 0.14) 0px 22px 35px 3px, rgba(0, 0, 0, 0.12) 0px 8px 42px 7px;
	}

	.MuiPaper-elevation23 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 14px -7px, rgba(0, 0, 0, 0.14) 0px 23px 36px 3px, rgba(0, 0, 0, 0.12) 0px 9px 44px 8px;
	}

	.MuiPaper-elevation24 {
		box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
	}

	.MuiList-root {
		margin: 0px;
		padding: 0px;
		position: relative;
		list-style: none;
	}

	.MuiList-padding {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.MuiList-subheader {
		padding-top: 0px;
	}

	.MuiIcon-root {
		width: 1em;
		height: 1em;
		overflow: hidden;
		font-size: 1.5rem;
		flex-shrink: 0;
		user-select: none;
	}

	.MuiIcon-colorPrimary {
		color: rgb(63, 81, 181);
	}

	.MuiIcon-colorSecondary {
		color: rgb(245, 0, 87);
	}

	.MuiIcon-colorAction {
		color: rgba(0, 0, 0, 0.54);
	}

	.MuiIcon-colorError {
		color: rgb(244, 67, 54);
	}

	.MuiIcon-colorDisabled {
		color: rgba(0, 0, 0, 0.26);
	}

	.MuiIcon-fontSizeInherit {
		font-size: inherit;
	}

	.MuiIcon-fontSizeSmall {
		font-size: 1.25rem;
	}

	.MuiIcon-fontSizeLarge {
		font-size: 2.25rem;
	}

	.MuiListItem-root {
		width: 100%;
		display: flex;
		position: relative;
		box-sizing: border-box;
		text-align: left;
		align-items: center;
		padding-top: 8px;
		padding-bottom: 8px;
		justify-content: flex-start;
		text-decoration: none;
	}

	.MuiListItem-root.Mui-focusVisible {
		background-color: rgba(0, 0, 0, 0.08);
	}

	.MuiListItem-root.Mui-selected,
	.MuiListItem-root.Mui-selected:hover {
		background-color: rgba(0, 0, 0, 0.08);
	}

	.MuiListItem-root.Mui-disabled {
		opacity: 0.5;
	}

	.MuiListItem-container {
		position: relative;
	}

	.MuiListItem-dense {
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.MuiListItem-alignItemsFlexStart {
		align-items: flex-start;
	}

	.MuiListItem-divider {
		border-bottom: 1px solid rgba(0, 0, 0, 0.12);
		background-clip: padding-box;
	}

	.MuiListItem-gutters {
		padding-left: 16px;
		padding-right: 16px;
	}

	.MuiListItem-button {
		transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	}

	.MuiListItem-button:hover {
		text-decoration: none;
		background-color: rgba(0, 0, 0, 0.04);
	}

	.MuiListItem-secondaryAction {
		padding-right: 48px;
	}

	.MuiMenuItem-root {
		width: auto;
		overflow: hidden;
		font-size: 1rem;
		box-sizing: border-box;
		min-height: 48px;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-weight: 400;
		line-height: 1.5;
		padding-top: 6px;
		white-space: nowrap;
		letter-spacing: 0.00938em;
		padding-bottom: 6px;
	}

	.MuiMenuItem-dense {
		font-size: 0.875rem;
		min-height: auto;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-weight: 400;
		line-height: 1.43;
		letter-spacing: 0.01071em;
	}

	.MuiDivider-root {
		border: none;
		height: 1px;
		margin: 0px;
		flex-shrink: 0;
		background-color: rgba(0, 0, 0, 0.12);
	}

	.MuiDivider-absolute {
		left: 0px;
		width: 100%;
		bottom: 0px;
		position: absolute;
	}

	.MuiDivider-inset {
		margin-left: 72px;
	}

	.MuiDivider-light {
		background-color: rgba(0, 0, 0, 0.08);
	}

	.MuiDivider-middle {
		margin-left: 16px;
		margin-right: 16px;
	}

	.MuiDivider-vertical {
		width: 1px;
		height: 100%;
	}

	.MuiDivider-flexItem {
		height: auto;
		align-self: stretch;
	}

	.css-1y2rem7 {
		display: flex;
		flex: 1 1 0%;
		position: absolute;
		top: 88px;
		left: 0px;
		right: 0px;
		z-index: 10000103;
	}

	.css-efvvov {
		padding: 8px 24px;
		background: rgb(248, 160, 0);
		text-align: center;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 6px;
		max-width: 70%;
		font-size: 13px;
	}

	.css-bid3qb {
		margin-right: 8px;
		opacity: 0.65;
	}

	@-webkit-keyframes animation-1xkd3we {
		0% {
			opacity: 0;
		}

		80% {
			opacity: 0.9;
		}

		100% {
			opacity: 1;
		}
	}

	@keyframes animation-1xkd3we {
		0% {
			opacity: 0;
		}

		80% {
			opacity: 0.9;
		}

		100% {
			opacity: 1;
		}
	}

	@-webkit-keyframes animation-1qm1od9 {
		0% {
			opacity: 0.8;
			transform: translateY(6px);
			transition: all 250ms ease 0s;
		}

		100% {
			opacity: 1;
			transition: all 250ms ease 0s;
			transform: translateY(0px);
		}
	}

	@keyframes animation-1qm1od9 {
		0% {
			opacity: 0.8;
			transform: translateY(6px);
			transition: all 250ms ease 0s;
		}

		100% {
			opacity: 1;
			transition: all 250ms ease 0s;
			transform: translateY(0px);
		}
	}

	@-webkit-keyframes MuiTouchRipple-keyframes-enter {
		0% {
			opacity: 0.1;
			transform: scale(0);
		}

		100% {
			opacity: 0.3;
			transform: scale(1);
		}
	}

	@-webkit-keyframes MuiTouchRipple-keyframes-exit {
		0% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}

	@-webkit-keyframes MuiTouchRipple-keyframes-pulsate {
		0% {
			transform: scale(1);
		}

		50% {
			transform: scale(0.92);
		}

		100% {
			transform: scale(1);
		}
	}

	@media print {
		.MuiButtonBase-root {
			-webkit-print-color-adjust: exact;
		}
	}

	@media (min-width: 600px) {
		.MuiGrid-grid-sm-auto {
			flex-grow: 0;
			max-width: none;
			flex-basis: auto;
		}

		.MuiGrid-grid-sm-true {
			flex-grow: 1;
			max-width: 100%;
			flex-basis: 0px;
		}

		.MuiGrid-grid-sm-1 {
			flex-grow: 0;
			max-width: 8.33333%;
			flex-basis: 8.33333%;
		}

		.MuiGrid-grid-sm-2 {
			flex-grow: 0;
			max-width: 16.6667%;
			flex-basis: 16.6667%;
		}

		.MuiGrid-grid-sm-3 {
			flex-grow: 0;
			max-width: 25%;
			flex-basis: 25%;
		}

		.MuiGrid-grid-sm-4 {
			flex-grow: 0;
			max-width: 33.3333%;
			flex-basis: 33.3333%;
		}

		.MuiGrid-grid-sm-5 {
			flex-grow: 0;
			max-width: 41.6667%;
			flex-basis: 41.6667%;
		}

		.MuiGrid-grid-sm-6 {
			flex-grow: 0;
			max-width: 50%;
			flex-basis: 50%;
		}

		.MuiGrid-grid-sm-7 {
			flex-grow: 0;
			max-width: 58.3333%;
			flex-basis: 58.3333%;
		}

		.MuiGrid-grid-sm-8 {
			flex-grow: 0;
			max-width: 66.6667%;
			flex-basis: 66.6667%;
		}

		.MuiGrid-grid-sm-9 {
			flex-grow: 0;
			max-width: 75%;
			flex-basis: 75%;
		}

		.MuiGrid-grid-sm-10 {
			flex-grow: 0;
			max-width: 83.3333%;
			flex-basis: 83.3333%;
		}

		.MuiGrid-grid-sm-11 {
			flex-grow: 0;
			max-width: 91.6667%;
			flex-basis: 91.6667%;
		}

		.MuiGrid-grid-sm-12 {
			flex-grow: 0;
			max-width: 100%;
			flex-basis: 100%;
		}
	}

	@media (min-width: 960px) {
		.MuiGrid-grid-md-auto {
			flex-grow: 0;
			max-width: none;
			flex-basis: auto;
		}

		.MuiGrid-grid-md-true {
			flex-grow: 1;
			max-width: 100%;
			flex-basis: 0px;
		}

		.MuiGrid-grid-md-1 {
			flex-grow: 0;
			max-width: 8.33333%;
			flex-basis: 8.33333%;
		}

		.MuiGrid-grid-md-2 {
			flex-grow: 0;
			max-width: 16.6667%;
			flex-basis: 16.6667%;
		}

		.MuiGrid-grid-md-3 {
			flex-grow: 0;
			max-width: 25%;
			flex-basis: 25%;
		}

		.MuiGrid-grid-md-4 {
			flex-grow: 0;
			max-width: 33.3333%;
			flex-basis: 33.3333%;
		}

		.MuiGrid-grid-md-5 {
			flex-grow: 0;
			max-width: 41.6667%;
			flex-basis: 41.6667%;
		}

		.MuiGrid-grid-md-6 {
			flex-grow: 0;
			max-width: 50%;
			flex-basis: 50%;
		}

		.MuiGrid-grid-md-7 {
			flex-grow: 0;
			max-width: 58.3333%;
			flex-basis: 58.3333%;
		}

		.MuiGrid-grid-md-8 {
			flex-grow: 0;
			max-width: 66.6667%;
			flex-basis: 66.6667%;
		}

		.MuiGrid-grid-md-9 {
			flex-grow: 0;
			max-width: 75%;
			flex-basis: 75%;
		}

		.MuiGrid-grid-md-10 {
			flex-grow: 0;
			max-width: 83.3333%;
			flex-basis: 83.3333%;
		}

		.MuiGrid-grid-md-11 {
			flex-grow: 0;
			max-width: 91.6667%;
			flex-basis: 91.6667%;
		}

		.MuiGrid-grid-md-12 {
			flex-grow: 0;
			max-width: 100%;
			flex-basis: 100%;
		}
	}

	@media (min-width: 1280px) {
		.MuiGrid-grid-lg-auto {
			flex-grow: 0;
			max-width: none;
			flex-basis: auto;
		}

		.MuiGrid-grid-lg-true {
			flex-grow: 1;
			max-width: 100%;
			flex-basis: 0px;
		}

		.MuiGrid-grid-lg-1 {
			flex-grow: 0;
			max-width: 8.33333%;
			flex-basis: 8.33333%;
		}

		.MuiGrid-grid-lg-2 {
			flex-grow: 0;
			max-width: 16.6667%;
			flex-basis: 16.6667%;
		}

		.MuiGrid-grid-lg-3 {
			flex-grow: 0;
			max-width: 25%;
			flex-basis: 25%;
		}

		.MuiGrid-grid-lg-4 {
			flex-grow: 0;
			max-width: 33.3333%;
			flex-basis: 33.3333%;
		}

		.MuiGrid-grid-lg-5 {
			flex-grow: 0;
			max-width: 41.6667%;
			flex-basis: 41.6667%;
		}

		.MuiGrid-grid-lg-6 {
			flex-grow: 0;
			max-width: 50%;
			flex-basis: 50%;
		}

		.MuiGrid-grid-lg-7 {
			flex-grow: 0;
			max-width: 58.3333%;
			flex-basis: 58.3333%;
		}

		.MuiGrid-grid-lg-8 {
			flex-grow: 0;
			max-width: 66.6667%;
			flex-basis: 66.6667%;
		}

		.MuiGrid-grid-lg-9 {
			flex-grow: 0;
			max-width: 75%;
			flex-basis: 75%;
		}

		.MuiGrid-grid-lg-10 {
			flex-grow: 0;
			max-width: 83.3333%;
			flex-basis: 83.3333%;
		}

		.MuiGrid-grid-lg-11 {
			flex-grow: 0;
			max-width: 91.6667%;
			flex-basis: 91.6667%;
		}

		.MuiGrid-grid-lg-12 {
			flex-grow: 0;
			max-width: 100%;
			flex-basis: 100%;
		}
	}

	@media (min-width: 1920px) {
		.MuiGrid-grid-xl-auto {
			flex-grow: 0;
			max-width: none;
			flex-basis: auto;
		}

		.MuiGrid-grid-xl-true {
			flex-grow: 1;
			max-width: 100%;
			flex-basis: 0px;
		}

		.MuiGrid-grid-xl-1 {
			flex-grow: 0;
			max-width: 8.33333%;
			flex-basis: 8.33333%;
		}

		.MuiGrid-grid-xl-2 {
			flex-grow: 0;
			max-width: 16.6667%;
			flex-basis: 16.6667%;
		}

		.MuiGrid-grid-xl-3 {
			flex-grow: 0;
			max-width: 25%;
			flex-basis: 25%;
		}

		.MuiGrid-grid-xl-4 {
			flex-grow: 0;
			max-width: 33.3333%;
			flex-basis: 33.3333%;
		}

		.MuiGrid-grid-xl-5 {
			flex-grow: 0;
			max-width: 41.6667%;
			flex-basis: 41.6667%;
		}

		.MuiGrid-grid-xl-6 {
			flex-grow: 0;
			max-width: 50%;
			flex-basis: 50%;
		}

		.MuiGrid-grid-xl-7 {
			flex-grow: 0;
			max-width: 58.3333%;
			flex-basis: 58.3333%;
		}

		.MuiGrid-grid-xl-8 {
			flex-grow: 0;
			max-width: 66.6667%;
			flex-basis: 66.6667%;
		}

		.MuiGrid-grid-xl-9 {
			flex-grow: 0;
			max-width: 75%;
			flex-basis: 75%;
		}

		.MuiGrid-grid-xl-10 {
			flex-grow: 0;
			max-width: 83.3333%;
			flex-basis: 83.3333%;
		}

		.MuiGrid-grid-xl-11 {
			flex-grow: 0;
			max-width: 91.6667%;
			flex-basis: 91.6667%;
		}

		.MuiGrid-grid-xl-12 {
			flex-grow: 0;
			max-width: 100%;
			flex-basis: 100%;
		}
	}

	@media (hover: none) {
		.MuiIconButton-root:hover {
			background-color: transparent;
		}
	}

	@media (hover: none) {
		.MuiIconButton-colorPrimary:hover {
			background-color: transparent;
		}
	}

	@media (hover: none) {
		.MuiIconButton-colorSecondary:hover {
			background-color: transparent;
		}
	}

	@media (min-width: 600px) {
		.MuiTooltip-tooltipPlacementLeft {
			margin: 0px 14px;
		}
	}

	@media (min-width: 600px) {
		.MuiTooltip-tooltipPlacementRight {
			margin: 0px 14px;
		}
	}

	@media (min-width: 600px) {
		.MuiTooltip-tooltipPlacementTop {
			margin: 14px 0px;
		}
	}

	@media (min-width: 600px) {
		.MuiTooltip-tooltipPlacementBottom {
			margin: 14px 0px;
		}
	}

	@media (hover: none) {
		.MuiListItem-button:hover {
			background-color: transparent;
		}
	}

	@media (min-width: 600px) {
		.MuiMenuItem-root {
			min-height: auto;
		}
	}
</style>
<div id="root">
	<audio src="https://widget-v2.smartsuppcdn.com/assets/sounds/blackberry2.mp3" id="audio-incoming-message"></audio>
	<div class="app css-stivtw">
		<div class="css-t6opud">
			<div class="css-lesr0g">
				<div data-cy="wholeChatBox" class="css-mak9h4">
					<div class="css-a7th14"><input type="file" id="input-file" name="file">
						<div class="css-7616dc">
							<div class="css-1xnqzy8">
								<div class="css-1rd9m09" data-cy="chatHeader">
									<div
										class="MuiGrid-root css-14ai5o0 MuiGrid-container MuiGrid-wrap-xs-nowrap MuiGrid-align-content-xs-flex-start MuiGrid-justify-xs-space-between">
										<div class="css-10jbodb">
											<div class="css-7q7ip7">
												<div class="MuiGrid-root css-a26gdr MuiGrid-container">
													<div class="MuiGrid-root MuiGrid-container">
														<div class="multipleAvatarGrid"><img class="avatarImage"
																data-cy="avatarImage"
																src="https://files.smartsuppcdn.com/files/agents/avatars/-YpyYYN6-eI.jpg?size=40">
														</div>
													</div>
												</div>
											</div>
											<div class="css-rjh1b6">
												<div class="css-znt884">
													<div
														class="MuiGrid-root MuiGrid-container MuiGrid-align-content-xs-center">
														<p class="headlineOffline css-1tiz7eo">俺们屯里-张蛋</p>
													</div>
												</div>
												<div
													class="MuiGrid-root css-1votyue MuiGrid-container MuiGrid-wrap-xs-nowrap MuiGrid-align-items-xs-center">
													<p class="css-15d8y0s">我们下班了，欢迎留言</p>
												</div>
											</div>
										</div>
										<div class="css-18mj1xs">
											<div
												class="MuiGrid-root css-1kut815 MuiGrid-container MuiGrid-wrap-xs-nowrap MuiGrid-align-items-xs-center MuiGrid-justify-xs-flex-end">
												<div><span><button id="open-toolpit"
															class="MuiButtonBase-root MuiIconButton-root  css-6vfb4a MuiIconButton-colorInherit"
															tabindex="0" type="button" aria-haspopup="true"
															data-cy="moreOptionsButton" title="Show More"><span
																class="MuiIconButton-label"><svg
																	class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall"
																	focusable="false" viewBox="0 0 64 64"
																	aria-hidden="true" css="[object Object]">
																	<circle cx="32" cy="49.67" r="5.5"></circle>
																	<circle cx="32" cy="32.67" r="5.5"></circle>
																	<circle cx="32" cy="15.67" r="5.5"></circle>
																</svg></span><span
																class="MuiTouchRipple-root"></span></button></span>
												</div>
												<div><button
														class="MuiButtonBase-root MuiIconButton-root css-hyrt8v MuiIconButton-colorInherit"
														tabindex="0" type="button" data-cy="mobileCloseButton"><span
															class="MuiIconButton-label"><svg
																class="MuiSvgIcon-root css-c4z2dg MuiSvgIcon-fontSizeInherit"
																focusable="false" viewBox="0 0 64 64" aria-hidden="true"
																css="[object Object]">
																<path
																	d="M38.7 32l21.9-21.9c1.9-1.8 1.9-4.8 0-6.7-1.9-1.9-4.8-1.9-6.7 0L32 25.3 10.1 3.4c-1.9-1.9-4.8-1.9-6.7 0-1.9 1.8-1.9 4.8 0 6.7L25.3 32 3.4 53.9c-1.9 1.9-1.9 4.8 0 6.7.9.9 2.1 1.4 3.3 1.4s2.4-.5 3.3-1.4l22-21.9 21.9 21.9c.9.9 2.1 1.4 3.3 1.4 1.2 0 2.4-.5 3.3-1.4 1.9-1.9 1.9-4.8 0-6.7L38.7 32z">
																</path>
															</svg></span><span
															class="MuiTouchRipple-root"></span></button></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="css-1xveueg">
								<div class="MuiGrid-root css-1tx7pfq MuiGrid-container">
									<div class="css-15on28x">
										<!-- <div class="message-list" data-cy="messageList">
											<div class="css-1m5mtjz">
												<div class="MuiGrid-root MuiGrid-container MuiGrid-justify-xs-flex-end">
													<div
														class="MuiGrid-root css-m89s7i MuiGrid-container MuiGrid-justify-xs-flex-end">
														<div class="text-message css-1iymmi9" data-cy="textMessage">特么
														</div>
														<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12">
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="message-list" data-cy="messageList">
											<div class="css-1m5mtjz">
												<div class="MuiGrid-root MuiGrid-container">
													<div class="MuiGrid-root css-sq693j MuiGrid-container">
														<div class="text-message css-1iymmi9" data-cy="textMessage">Thanks for the message. Our team is offline <img
																draggable="false" class="emoji" alt="💤"
																src="./1f4a4.png"> We will contact you back as soon
															as we can🙂 <img draggable="false" class="emoji" alt="🙂"
																src="./1f642.png"></div>
														<div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12">
														</div>
													</div>
												</div>
											</div>
										</div> -->
										<div id="bottomRef" class="bottomPaddingDivCss">&nbsp;</div>
									</div>
								</div>
							</div>
							<div class="css-6ulnht">
								<div>
									<div id="emoji-selector" style="display:none;" class="css-18pt753">
										<div>
											<div data-cy="emojiPicker">
												<div
													class="MuiGrid-root css-19exbi9 MuiGrid-container MuiGrid-justify-xs-space-evenly">
													<span class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😉" src="./1f609.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😄" src="./1f604.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😅" src="./1f605.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="🙂" src="./1f642.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😱" src="./1f631.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😍" src="./1f60d.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😕" src="./1f615.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😠" src="./1f620.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😆" src="./1f606.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😛" src="./1f61b.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😭" src="./1f62d.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😧" src="./1f627.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="🤕" src="./1f915.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="😎" src="./1f60e.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="❤️" src="./2764.png"></span><span
														class="css-18sc1ug"><img draggable="false" class="emoji"
															alt="👍" src="./1f44d.png"></span></div>
											</div>
										</div>
									</div>
									<form>
										<div class="MuiGrid-root css-1sne0cm css-1sne0cn MuiGrid-container">
											<div class="MuiGrid-root css-zi6r60 MuiGrid-item" data-cy="inputContainer">
												<div
													class="MuiGrid-root MuiGrid-container MuiGrid-align-items-xs-center MuiGrid-align-content-xs-center">
													<div class="css-21ro2z"><textarea rows="1" maxlength="2000"
															id="chatInput" data-cy="inputChatArea"
															placeholder="在这里输入消息" class="css-6jooeb"
															style="height: 53px;">awdawdawdawaa</textarea></div>
												</div>
											</div>
											<div class="MuiGrid-root css-1mh4swq MuiGrid-item">
												<div
													class="MuiGrid-root css-566m6o MuiGrid-container MuiGrid-align-items-xs-center MuiGrid-justify-xs-flex-end">
													<button id="open-emoji-button"
														class="MuiButtonBase-root MuiIconButton-root icon-button false MuiIconButton-colorPrimary"
														tabindex="0" type="button" data-cy="emojiButton"><span
															class="MuiIconButton-label"><svg
																class="MuiSvgIcon-root icon-button__icon false"
																focusable="false" viewBox="0 0 64 64" aria-hidden="true"
																css="[object Object]">
																<path
																	d="M32 0a32 32 0 1 0 32 32A32 32 0 0 0 32 0zm0 59.24A27.24 27.24 0 1 1 59.24 32 27.23 27.23 0 0 1 32 59.24z">
																</path>
																<path
																	d="M40.53 40.7a1.63 1.63 0 0 0-1.14.53 10 10 0 0 1-14.07.71 9.51 9.51 0 0 1-.71-.71 1.65 1.65 0 1 0-2.45 2.2 13.26 13.26 0 0 0 18.72 1c.34-.31.66-.63 1-1a1.66 1.66 0 0 0-.14-2.33 1.59 1.59 0 0 0-1.21-.4z">
																</path>
																<circle cx="21.17" cy="25.5" r="2.75"
																	data-name="Ellipse 74"></circle>
																<circle cx="42.83" cy="25.5" r="2.75"
																	data-name="Ellipse 75"></circle>
															</svg></span><span
															class="MuiTouchRipple-root"></span></button>
													<div class="css-9pg78y">
														<button
															class="MuiButtonBase-root MuiIconButton-root icon-button MuiIconButton-colorInherit"
															tabindex="0" type="button" data-cy="sendIconButton"><span
																class="MuiIconButton-label"><svg
																	class="MuiSvgIcon-root icon-button__icon--primary"
																	focusable="false" viewBox="0 0 64 64"
																	aria-hidden="true">
																	<path
																		d="M7.47,62.62c-3.85,2-6.2.24-5.24-4L6.29,40.53a6,6,0,0,1,4.79-4.33l24.41-2.84c6.5-.74,6.52-2,0-2.71l-24.4-2.79A5.89,5.89,0,0,1,6.3,23.58L2.22,5.33c-1-4.23,1.38-6,5.24-3.95L58.11,28.29c3.85,2.05,3.86,5.36,0,7.41L7.46,62.62Z">
																	</path>
																</svg></span><span
																class="MuiTouchRipple-root"></span></button>
														<button
															class="MuiButtonBase-root MuiIconButton-root icon-button MuiIconButton-colorInherit"
															tabindex="0" type="button" data-cy="addFileIconButton"><span
																class="MuiIconButton-label"><svg
																	class="MuiSvgIcon-root icon-button__icon css-5nq6rq"
																	focusable="false" viewBox="0 0 64 64"
																	aria-hidden="true">
																	<path
																		d="M30.59 28.55a2.26 2.26 0 0 0-3.2-3.2l-12 11.94a10.67 10.67 0 0 0 15.14 15.09l27-27a14.89 14.89 0 1 0-21.09-21L9.49 31.31a19.15 19.15 0 1 0 27.1 27.07l11.94-11.94a2.26 2.26 0 0 0-3.2-3.2L33.39 55.18a14.64 14.64 0 0 1-21.06-20.34l.36-.35L39.62 7.56a10.26 10.26 0 0 1 7.32-3 10.4 10.4 0 0 1 7.32 3 10.26 10.26 0 0 1 3 7.32 10.39 10.39 0 0 1-3 7.32l-27 27a6.21 6.21 0 0 1-8.7 0 6.12 6.12 0 0 1 0-8.65l12-11.95z">
																	</path>
																</svg></span><span
																class="MuiTouchRipple-root"></span></button>
													</div>
												</div>
											</div>
										</div>
									</form>
									<div
										class="MuiGrid-root css-1jhw711 MuiGrid-container MuiGrid-align-items-xs-flex-end MuiGrid-justify-xs-center">
										<a href="https://localhost/?utm_source=chat-widget-pro&amp;utm_medium=chat-widget&amp;utm_campaign=47.52.89.199"
											target="_blank" rel="noopener noreferrer" class="css-17jtfa3"><img
												src="https://widget-v2.smartsuppcdn.com/assets/images/logo_small.png"
												alt="branding_button" class="css-1ckxtgk"><span
												class="css-i0oli7">客服系统由俺们屯里提供</span></a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div><textarea tab-index="-1" aria-hidden="true"
	style="min-height: 0px !important; max-height: none !important; height: 0px !important; visibility: hidden !important; overflow: hidden !important; position: absolute !important; z-index: -1000 !important; top: 0px !important; right: 0px !important; letter-spacing: normal; line-height: 21.28px; font-family: &quot;Segoe UI&quot;, -apple-system, BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Open Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif; font-weight: 400; font-size: 15px; font-style: normal; tab-size: 8; text-rendering: auto; text-transform: none; width: 356px; text-indent: 0px; padding: 16px 100px 16px 16px; border-width: 0px; box-sizing: border-box;"></textarea>
<div id="toolpit" role="tooltip" class="css-19dubhr"
	style="position: absolute; top: 0px; left: 0px; transform: translate3d(128px, 65px, 0px); will-change: transform;"
	x-placement="top-end">
	<div class="MuiPaper-root MuiPaper-elevation8 MuiPaper-rounded">
		<ul class="MuiList-root MuiList-padding" role="menu" tabindex="-1"><span tabindex="0">
				<li class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root css-jt5cb9 MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
					tabindex="-1" role="menuitem" aria-disabled="false" data-cy="toggleNotificationsButton"><span
						class="material-icons MuiIcon-root css-1csy9g" aria-hidden="true"> <svg
							class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall" focusable="false" viewBox="0 0 64 64"
							aria-hidden="true" css="[object Object]">
							<path
								d="M58.45,48.58l-2.38-1.93h0L17.26,15.11h0l-5.83-4.74a4,4,0,1,0-5,6.21l8.25,6.71c0,.34,0,.69,0,1V36.84l-6.83,10a3.46,3.46,0,0,0,2.85,5.39H50.3l3.1,2.52a4,4,0,0,0,5.05-6.21Z">
							</path>
							<path d="M24.41,56.36v0a7.59,7.59,0,0,0,15.18,0v0Z"></path>
							<path
								d="M49.4,24.33a17.39,17.39,0,0,0-14-17.06V3.41a3.41,3.41,0,1,0-6.82,0V7.27A17.3,17.3,0,0,0,23,9.45L49.4,30.92Z">
							</path>
						</svg> </span><span class="css-ka2v1h">关闭消息提示音</span><span
						class="MuiTouchRipple-root"></span></li>
				<!-- <li class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root css-jt5cb9 MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
					tabindex="-1" role="menuitem" aria-disabled="false" data-cy="emailTranscriptButton"><svg
						class="MuiSvgIcon-root css-1ld28bz MuiSvgIcon-fontSizeSmall" focusable="false"
						viewBox="0 0 20.75 14" aria-hidden="true" css="[object Object]">
						<path
							d="M19.9413.6691A2.4838,2.4838,0,0,0,18.25,0h-11A2.477,2.477,0,0,0,5.9624.3671l6.812,5.6768Z">
						</path>
						<path
							d="M20.694,1.9794,12.7256,7.9561,4.9664,1.49A2.4834,2.4834,0,0,0,4.75,2.5V8.25h3.5a.75.75,0,0,1,0,1.5H4.75v.5h-4a.75.75,0,0,0,0,1.5H4.7752A2.4915,2.4915,0,0,0,7.25,14h11a2.5,2.5,0,0,0,2.5-2.5v-9A2.5008,2.5008,0,0,0,20.694,1.9794Z">
						</path>
						<path d="M.75,7.75h2a.75.75,0,0,0,0-1.5h-2a.75.75,0,0,0,0,1.5Z"></path>
					</svg><span class="css-ka2v1h">Send email transcript</span><span class="MuiTouchRipple-root"></span>
				</li>
				<hr class="MuiDivider-root css-sha0zq">
				<li class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root css-jt5cb9 MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button"
					tabindex="-1" role="menuitem" aria-disabled="false" data-cy="gdprButton"><span
						class="material-icons MuiIcon-root css-1csy9g MuiIcon-fontSizeSmall" aria-hidden="true"><svg
							class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall" focusable="false" viewBox="0 0 24 24"
							aria-hidden="true" css="[object Object]">
							<path d="M0 0h24v24H0z" fill="none"></path>
							<path
								d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z">
							</path>
						</svg></span><span class="css-ka2v1h">GDPR and privacy</span><span
						class="MuiTouchRipple-root"></span></li> -->
			</span></ul>
	</div>
</div>